總結鐵人賽這 30 天的想法與感謝。

一些想法...

看過一些 JavaScript 書籍好的其實我看的書不多，像是 JavaScript Info、JavaScript 設計模式等，You Don't Know JS 是讓我讀得最開心、最容易理解因而最有收穫的系列書，因此，我在這裡誠心的推薦給想要加強 JavaScript 基礎功的親朋好友，如果你也想要找本容易上手，白話好懂、啃起來挫折感不大，又能全方位的理解 JavaScript 的書的話，看「You Don't Know JS」準沒錯！

雖然沒有讀完 YDKJS 系列書的最後一本「ES6 與未來發展（ES6 & Beyond）」，但進入第二章也算是有個好的開始了！我會繼續加油的！

感謝

感謝這一路上支持我的人．．．鐵人賽 30 天是辛苦卻也是甜美的。

• 感謝 Hunter，不僅是能支援技術的好戰友也是為彼此打氣的好夥伴。
• 感謝 Yvonne，當年因為彼此很上進腦波弱而買的書終於在這個月發揮功用了 XD
• 感謝前輩 Hank 總是提醒我...從叮嚀要好好看官方文件到技術上總要看更多看更深看更遠、不斷檢視自己的盲點，而讓我能導正了許多不可思議的偏差觀念。
• 感謝我的爸媽和朋友們在這段時間的支持與鼓勵讓我能持續不間斷而完賽。
• 感謝所有讀者的鼓勵與回饋...除了心靈上的支持外，也讓我在技術上能精益求精，更上一層樓。截至 2018/11/06 共 108 人訂閱，非常感謝支持！

這 30 天「你懂 JavaScript 嗎？」的目錄（鐵人賽版）

• #1 預備...GO!

導讀（Up & Going）

暖身 (๑•̀ㅂ•́)و✧

這部份的內容有...

• #2 運算子、運算式、值與型別、變數、條件式、迴圈
• #3 變數、嚴格模式、IIFEs、閉包、模組、this、原型、Polyfill 與 Transpiler

型別與文法（Types & Grammar）

圖片來源：Do You Know What I Mean?

這部份會提到令人困惑的隱含式的強制轉型，在此會解答其運作方式和如何好好使用它。

這部份的內容有...

• #4 型別（Types）
• #5 值（Values）Part 1 - 陣列、字串、數字
• #6 值（Values）Part 2 - 特殊值
• #7 原生功能（Natives）
• #8 強制轉型（Coercion）
• #9 文法（Grammar）

範疇與閉包（Scope & Closures）

JavaScript 引擎會在執行程式前先做編譯，在編譯階段會處理變數和函式的宣告，因此也會帶出拉升、範疇等議題，最後會提到何謂閉包與其應用-模組。

這部份的內容有...

• #10 範疇（Scope）
• #11 語彙範疇（Lexical Scope）
• #12 函式範疇與區塊範疇（Function vs Block Scope）
• #13 拉升（Hoisting）
• #14 動態範疇（Dynamic Scope）
• #15 閉包（Closure）

this 與物件原型（this & Object Prototypes）

圖片來源：What is this meaning of this?

這部份會提到幾個概念：(1) this 是函式執行時所屬的物件，而 this 是在執行時期做繫結，其值和函式在哪裡被呼叫有關，在這裡會歸納如何辨識 this 的值的四個規則；(2) 物件原型是屬性的查找串鏈，類似語彙範疇查找變數的方式；(3) 行為委派，這是物件原型最常應用的地方。

這部份的內容有...

• #16 this
• #17 物件（Object）
• #18 簡易版物件導向概念
• #19 原型（Prototypes）
• #20 行為委派（Behavior Delegation）
• #21 ES6 Class

非同步處理與效能（Async & Performance）

這部份主要是為了開發者能產出合理且高效能的程式碼，因此會提到非同步處理的機制和模式，讓程式碼能更好撰寫、更好維護、更好推理和有更佳的效能，例如：callback、promise、generator。最後會談到如何使用 web worker、SIMD 等達到資料的平行處理，與如何做效能最佳化，讓我們的程式不僅僅是能運作而已，而且是能夠運作得很好。

這部份的內容有...

• #22 非同步：現在和以後
• #23 Callback
• #24 Promise
• #25 產生器（Generator）
• #26 程式效能（Program Performance）
• #27 基準化分析與微調（Benchmarking & Tuning）- 使用 Benchmark.js 和 jsPerf 分析程式碼效能

ES6 與未來發展（ES6 & Beyond）

關注 ES6、ES7 甚至後續版本，不斷前進！

這部份的內容有...

• #28 ES? 現在 vs 未來
• #29 語法（Syntax）
• #30 總結

鐵人賽後...並非結束，而是新的開始...

• 組織功能（Organization）
• 非同步流程控制（Async Flow Control）
• 群集（Collections）
• API 新增功能（API Additions）
• Meta Programming（Meta Programming）
• 超越 ES6（Beyond ES6）

尚未補上連結的部份，我會繼續補上。

這 30 天「你懂 JavaScript 嗎？」的目錄（部落格版）

• #1 預備...GO!

導讀（Up & Going）

暖身 (๑•̀ㅂ•́)و✧

這部份的內容有...

• #2 運算子、運算式、值與型別、變數、條件式、迴圈
• #3 變數、嚴格模式、IIFEs、閉包、模組、this、原型、Polyfill 與 Transpiler

型別與文法（Types & Grammar）

圖片來源：Do You Know What I Mean?

這部份會提到令人困惑的隱含式的強制轉型，在此會解答其運作方式和如何好好使用它。

這部份的內容有...

• #4 型別（Types）
• #5 值（Values）Part 1 - 陣列、字串、數字
• #6 值（Values）Part 2 - 特殊值
• #7 原生功能（Natives）
• #8 強制轉型（Coercion）
• #9 文法（Grammar）

範疇與閉包（Scope & Closures）

JavaScript 引擎會在執行程式前先做編譯，在編譯階段會處理變數和函式的宣告，因此也會帶出拉升、範疇等議題，最後會提到何謂閉包與其應用-模組。

這部份的內容有...

• #10 範疇（Scope）
• #11 語彙範疇（Lexical Scope）
• #12 函式範疇與區塊範疇（Function vs Block Scope）
• #13 拉升（Hoisting）
• #14 動態範疇（Dynamic Scope）
• #15 閉包（Closure）

this 與物件原型（this & Object Prototypes）

圖片來源：What is this meaning of this?

這部份會提到幾個概念：(1) this 是函式執行時所屬的物件，而 this 是在執行時期做繫結，其值和函式在哪裡被呼叫有關，在這裡會歸納如何辨識 this 的值的四個規則；(2) 物件原型是屬性的查找串鏈，類似語彙範疇查找變數的方式；(3) 行為委派，這是物件原型最常應用的地方。

這部份的內容有...

• #16 this
• #17 物件（Object）
• #18 簡易版物件導向概念
• #19 原型（Prototypes）
• #20 行為委派（Behavior Delegation）
• #21 ES6 Class

非同步處理與效能（Async & Performance）

這部份主要是為了開發者能產出合理且高效能的程式碼，因此會提到非同步處理的機制和模式，讓程式碼能更好撰寫、更好維護、更好推理和有更佳的效能，例如：callback、promise、generator。最後會談到如何使用 web worker、SIMD 等達到資料的平行處理，與如何做效能最佳化，讓我們的程式不僅僅是能運作而已，而且是能夠運作得很好。

這部份的內容有...

• #22 非同步：現在和以後
• #23 Callback
• #24 Promise
• #25 產生器（Generator）
• #26 程式效能（Program Performance）
• #27 基準化分析與微調（Benchmarking & Tuning）- 使用 Benchmark.js 和 jsPerf 分析程式碼效能

ES6 與未來發展（ES6 & Beyond）

關注 ES6、ES7 甚至後續版本，不斷前進！

這部份的內容有...

• #28 ES? 現在 vs 未來
• #29 語法（Syntax）
• #30 總結

鐵人賽後...並非結束，而是新的開始...

• #31 組織功能（Organization）
• #32 非同步流程控制（Async Flow Control）
• #33 群集（Collections）
• #34 API 新增功能（API Additions）
• #35 Meta Programming（Meta Programming）
• #36 超越 ES6（Beyond ES6）

尚未補上連結的部份，我會繼續補上。

同步發表於部落格。